input::-webkit-input-placeholder { /* WebKit browsers */
	color: black;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: black;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: black;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: black;
}
.layui-laypage li{
	display: inline-block;
}
#on {
	height: 30px;
	line-height: 30px;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	vertical-align: top;
	background-color: #fff;
	box-sizing: border-box!important;
	width: 50px;
	margin: 10px;
	text-align: center;
}
.active{
	background: #009688;
	height: 29px;
}
.active a{
	color:#fff;
	border:1px solid #009688;
}
.layui-laypage a{
	background: border-box;
}
#seaBox{
	margin: 15px 0px 6px;
	padding: 10px;
	background-color: rgb(242, 242, 242);
}
.valName{
	padding-left: 10px;
	width: 170px;
	height: 38px;
	line-height: 38px;
	line-height: 36px\9;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
}
.layui-form-item .layui-input-inline {
	float: left;
	width: 170px;
	margin-right: 10px;
}
.wh{
	width:90px;
}
.bt{
	color: #009688;
	text-decoration: underline;
}

.loading-mask{
    display: none;
}
.loading-mask.checked{
    display: block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99999998;
    opacity:0;
}
.loading{
    display: none;
}
.loading.checked{
    position:fixed;
    z-index:99999999;
    height:100%;
    width: 100%;
    display: block;
    animation: loading-indicator-fade-in .8s;
    animation-fill-mode: forwards;
}
.loading-indicator.checked{
    margin:auto;
    border-radius: 3%;
    height:80%;
    width: 50%;
    position: relative;
    top: 8%;
}
.loading-indicator img {
    width: 100%;
    height: 100%;
    border-radius: 3%;
}

@keyframes loading-indicator-fade-in {
    0% {
        transform: scale(0, 0);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}


